@CHARSET "UTF-8";

*{
	padding:0px;
	margin:0px;
        
}
body{ 
	 color: #444444;
    font-family:"helvetica neue",arial,sans-serif;
 
 
    }

img{
 	border:0px;
}
a{
 text-decoration : none
}
/***头信息**/
#heade{
	width:99.5%;
	height:40px;
	border:1px solid #F9F8F8;
         box-shadow: 0 -1px 0 #FEFCFC inset, 0 0 4px rgba(0, 0, 0, 0.15);
         filter: progid:DXImageTransform.Microsoft.Shadow(color='#E5E4E3' ,Direction=135, Strength=4);
	background:#FBFBFA;
	position: relative;
	z-index:3000;


}
#title{
	width:80%;
	height:40px;
	margin:0 auto;
		

}
#shouye{
 	width:60px;
 	height:40px;
 	border-left:2px solid #F2F0F0;
 	line-height:40px;
 	border-right:2px solid #F2F0F0;
 	float:left;

}
.icon{
	 background-position:0 -40px;
    display: block;
    float: left;
    height: 16px;
    margin-top: 10px;
    width: 18px;
	}
em {
    font-style: italic;
}
#logo{
	width:100px;
	height:26px;
	  margin-top:7px;
	  float:left;
	  margin-left:40%
  }
  
  #user_img img{
      width:35px;
      height:30px;
     margin-top:2px;
    position:absolute;
     left:85%;
       
  } 
  #largeImg{
      width:100px;
      height:auto;
      border:1px solid #E0DEDE;
      
      display:none;z-index: 10;
      position: absolute;left:85%;top:33px;
      z-index: 9900;
      background:#FFFFFF;
      color: black;
      
  }
  #largeImg a{
      display:block;
    line-height: 40px;
     text-align: center;
       width:100px;
       height:40px;
    border-bottom:1px solid #E0DEDE;   
    color: black;
  }
  #largeImg a:hover{
      color:green;
      background: #E9E8E2;
  }
  
#seach{
	float:right;

      margin-right:6%;

	width:200px;
}
#seach input{
	height:26px;
	line-height:2em;
	

}
#sub{
	width:27px;
	margin:2px;
	border:0px;
	cursor:pointer;
	height:27px;
	}

#user_info{
	float:right;
	margin-top:7px;
	margin-right:5px;
	
}
a:hover{
    color:red;
}

/***注册**/

#reg{
	width:100%;
	height:80px;
	float:left;			
}
#reg_1{
	width:80%;
	height:80px;
   margin:0 auto;
	}
#reg_2{
	width:840px;
	height:80px;
	border:1px solid #D1D0D0;
       box-shadow: 0 -1px 0 #FEFCFC inset, 0 0 4px rgba(0, 0, 0, 0.15);
         filter: progid:DXImageTransform.Microsoft.Shadow(color='#E5E4E3' ,Direction=135, Strength=4);
	margin:0 auto;
	}

#reg_3{
	 border: 3px solid white;
          box-shadow: 0 -1px 0 #FEFCFC inset, 0 0 4px rgba(0, 0, 0, 0.15);
            filter: progid:DXImageTransform.Microsoft.Shadow(color='#E5E4E3' ,Direction=135, Strength=4);
    float: left;
    height: 50px;
    margin-right: 10px;
    width:70px;
	}
.reg_l{
	display:block;
	width:250px;
	height:55px;
	margin-top:10px;
	margin-left:10px;
	font-size:16px;
	float:left;
}
#lg{
	float:left;
	margin-left:20%;
	border-right:1px solid #E5E5E5;
    
	width:180px;
	height:50px;
	margin-top:10px;
	padding-top:10px;
}
#hezuo{
	margin-top:15px;
	float:left;
	margin-left:20px;
	width:190px;
	font-size:14px;
	
}




/***导航**/
#daohang{
	width:80%;
	margin:0 auto;
	height:100px;
}

.huaban{
	width:400px;
	float:left;
	margin-top:12px;

	
	
	
}


  
 


 
 
 
 
 
 
 
 
 /***插件导航**/
.menu { height: 45px; margin-top:50px;float:left;width:100%; box-shadow: 0 -1px 0 #FEFCFC inset, 0 0 4px rgba(0, 0, 0, 0.15);  filter: progid:DXImageTransform.Microsoft.Shadow(color='#E5E4E3' ,Direction=135, Strength=4); }
.menu ul { list-style: none; padding: 0; margin: 0; }
.menu ul li { float: left; /* 菜单子元素的内容超出不可见 */  
			overflow: hidden; position: relative; text-align: center; line-height: 45px; }
.menu ul li a { /* 必须是相对定位  */ 
			position: relative; display: block; width: 110px; height: 45px; font-family: Arial; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.menu ul li a span { /* 所有层将使用绝对定位 */
			position: absolute; left: 0; width: 110px; }
.menu ul li a span.out { top: 0px; }
.menu ul li a span.over,  .menu ul li a span.bg { /* 起初.over层和.bg层相对a元素-45px以达到隐藏 */  
			top: -45px; }	
#menu ul li a { color: #000; }
#menu ul li a span.over { color: #FFF; }

  
  
  
 
  
 /***登录DIV**/ 
 
 #h_logon{
 	display:none; 
 	width:70%;
 	height:280px;
     position:absolute;
     left:15%;
     top:40px;
     z-index:1020;
 	 border:1px solid #DEDEDE;
         
 	 margin:0 auto;
 }

 .r_title{
 	width:100px;
 	height:30px;
 	border-bottom:1px solid #F6F4EE;
 	margin:0 auto;
 	padding-left:40px;
 	margin-top:20px;
 	
 }
 .logon{
 	width:100%;
 	height:225px;
 	border-top:1px solid #F6F4EE;
 }
 
 .logon_1{
 	
 	float:left;
 	cursor:pointer
 }
 .logon_2{
 width:400px;
 height:150px;

 margin-top:20px;
 margin-left:40px;
float:left;
 
 }
 .put1{
 	width:180px;
 	height:30px;
 	margin-top:22px;
 	margin-left:150px;
 	line-height:2em;
 }

 .sub{
 width:68px;
 height:32px;
 margin-left:150px;
 margin-top:25px;
 border:0px;
 cursor:pointer;
 }
 
 .span1{
 	margin-top:50px;
 	margin-left:150px;
 }
 .wangjipwd{
 	margin-left:40px;
 	cursor:pointer;
 }
 .xiangqipwd{
 display:none;
  margin-left:40px;
 	cursor:pointer;
 }
 
  .logon_2 a:hover{
  color:red;
  }
 
/***遮罩**/

 
 #zhezhao{
display:none;
 overflow-y:hidden;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #FEFEFE;
    z-index:1001;
   filter:alpha(opacity=90);
   opacity:0.9;

 }
 .cols{
 	width:20px;
 	height:20px;
 	float:right;
 	cursor:pointer;
 }

.shangchuan{
    display:none;
    width:500px;
    height:300px;
    border:1px solid #F6F4EE;
     box-shadow: 0 -1px 0 #FEFCFC inset, 0 0 4px rgba(0, 0, 0, 0.15);
       filter: progid:DXImageTransform.Microsoft.Shadow(color='#E5E4E3' ,Direction=135, Strength=4);
    position: absolute;
    top:40px;
    left:30%;
    z-index: 9999;
    background:#ffffff;
    
}
.f_zhuancai{
    display:none;
    width:500px;
    height:300px;
    border:1px solid #F6F4EE;
     box-shadow: 0 -1px 0 #FEFCFC inset, 0 0 4px rgba(0, 0, 0, 0.15);
       filter: progid:DXImageTransform.Microsoft.Shadow(color='#E5E4E3' ,Direction=135, Strength=4);
    position: absolute;;
    top:40px;
    left:30%;
    z-index: 9999;
    background:#ffffff;
    
}
.shangchuan_1{
    width:180px;
    height:300px;
    text-align: center;
overflow:hidden;
    float: left;
   
    
}
.shangchuan_2{
     width:250px;
    height:300px;
    text-align: center;
   float: left; 
margin-left: 20px;
padding-top: 30px;
}
.shangchuan_2 select{
    width:200px;
  overflow:visible
    
}
.shangchuan_2 textarea{
overflow-y:auto;

    
}
 /***新建画板**/ 
.creathuaban{
    display:none;
    width:500px;
    height:300px;
    border:1px solid #F6F4EE;
     box-shadow: 0 -1px 0 #FEFCFC inset, 0 0 4px rgba(0, 0, 0, 0.15);
       filter: progid:DXImageTransform.Microsoft.Shadow(color='#E5E4E3' ,Direction=135, Strength=4);
    position: absolute;
    top:40px;
    left:30%;
    z-index: 9999;
    background:#F6F4EE;
    
}
 
 
 /***瀑布流**/
 #con{
 	width:100%;
 	height:auto;
      
 	clear:both;

}

.con_div{
 	width:80%;
 	height:900px;
 	
     margin:0 auto;
      
    
     }
 /***用户个人信息**/
   .div_user{
    width:220px;
    height:auto;
    border:1px solid #D8D7D7;
     box-shadow: 0 -1px 0 #FEFCFC inset, 0 0 4px rgba(0, 0, 0, 0.15);
       filter: progid:DXImageTransform.Microsoft.Shadow(color='#E5E4E3' ,Direction=135, Strength=4);
    text-align: center;
    float:left;
   
}
.div_user img{
    width:130px;
    height:130px;
   
}
 /***瀑布流DIV**/

/**
 * Grid container
 */
#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;
}

/**
 * Grid items
 */
#tiles li {
width: 200px;
background-color: #ffffff;
border: 1px solid #dedede;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
padding: 4px;
}

#tiles li img {
display: block;
}

/**
 * Grid item text
 */
#tiles li p {
color: #666;
font-size: 11px;
line-height: 16px;
margin: 6px 0 1px 7px;
}

/** General page styling **/
  

#main {
padding: 30px 0 30px 0;
}

header h1 {
text-align: center;
font-size: 24px;
font-weight: normal;
margin: 30px 0 3px 0;
}

header p {
text-align: center;
font-size: 13px;
color: #777;
margin: 0;
}

/** Loader **/
  
#loader {
  height: 16px;
  text-align: center;
  padding: 25px 0 25px 0;
}
  
/** 返回顶部 **/
p#back-to-top{
      position:fixed;
      bottom:1px;
      right:3%;
}
p#back-to-top a{
      text-align:center;
      text-decoration:none;
      color:#d1d1d1;
      display:block;
      width:80px;

      /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/

      -moz-transition:color 1s;
      -webkit-transition:color 1s;
      -o-transition:color 1s;
}
p#back-to-top a:hover{
      color:#979797;
}
p#back-to-top a span{
      background:#d1d1d1 url(images/arrow-up.png) no-repeat center center;
      border-radius:6px;
      display:block;
      height:80px;
      width:80px;
      margin-bottom:5px;

      /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/

      -moz-transition:background 1s;
      -webkit-transition:background 1s;
      -o-transition:background 1s;
}
#back-to-top a:hover span{
      background:#979797 url(images/arrow-up.png) no-repeat center center;
}
 